<!DOCTYPE html>
<html>
<head>
    <title>播放器</title>

    <!-- 导入的videojs是7.0版本以上的，集成VHS协议库，可播放HLS流媒体视频 -->
    <link href="videolib/css/video-js.min.css" rel="stylesheet" type="text/css">
    <script src="videolib/js/videojs7.6.6.js"></script>
    <!-- 引入的videojs-flash.js插件主要是为播放rtmp视频流-->
<!--    <script src="videolib/videojs-flash.min.js"></script>-->

<!--    <link href="https://vjs.zencdn.net/7.6.6/video-js.css" rel="stylesheet" />-->
    <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
<!--    <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>-->
<!--    <script src="https://vjs.zencdn.net/7.6.6/video.min.js"></script>-->
</head>
<body>
<video
        id="my-video"
        class="video-js"
        controls
        preload="auto"
        width="640"
        height="264"
        data-setup="{}"
>
    <!-- RTMP直播源地址-->
<!--        <source src="rtmp://58.200.131.2/livetv/hunantv" type="rtmp/mp4"/>-->
<!--    <source src="rtmp://windows.sxycy.cn/vod/&mp4:group1/M00/00/2F/wKgBBV5UoM2Adt3aAVoNGjVYy6I727.mp4" type="rtmp/mp4">-->
    <source src="http://file.sxycy.cn:88/vod/group1/M00/00/33/wKgBBV6BlSaAHOMmABmxR0w8l2M498.mp4" type="video/mp4">
<!--    <source src="http://windows.sxycy.cn:88/live?app=live&stream=1003300003" type="video/flv">-->

<!--    <source src="rtmp://file.sxycy.cn/vod/&mp4:group1/M00/00/30/wKgBBV5vP0CAHBWgABJUO4fzBl0318.mp4" type="rtmp/mp4">-->

    <p class="vjs-no-js">
        To view this video please enable JavaScript, and consider upgrading to a
        web browser that
        <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
</video>

<script>
    var player = videojs('my-video', {
        //type: "http",
        // flash: {
        //     swf: 'videolib/video-js.swf'
        // }
    }, function(){console.log('videojs播放器初始化成功')})
    player.play();
</script>
</body>
</html>